<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<!--框架必需start-->
<script type="text/javascript" src="../../libs/js/jquery.js"></script>
<script type="text/javascript" src="../../libs/js/language/cn.js"></script>
<script type="text/javascript" src="../../libs/js/framework.js"></script>
<link href="../../libs/css/import_basic.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" id="skin" prePath="../../"/>
<link rel="stylesheet" type="text/css" id="customSkin"/>
<!--框架必需end-->
<script src="../../libs/js/graphical/raphael.js" type="text/javascript"></script>
<script src="../../libs/js/graphical/progress.js" type="text/javascript"></script>
<style>
	 #holder {
                position: relative;
                width: 800px;
                height: 380px;
                margin:50px auto;
            }
    .ring_text1{
        position: absolute;
        top:140px;
        left: 400px;
        font-size: 16px;
        width: 160px;
        text-align: center;
    }
</style>
</head>
<body>
<div class="page_content">
	<div id="holder">
           <div class="ring_text1">完成度：90%</div>
    </div>
</div>
<script>
	var radius = 70;

    var param1 = {stroke: "#3399ff", "stroke-width": 10};
     var param2 = {stroke: "#1fc695", "stroke-width": 8};
     var param3 = {stroke: "#ff9900", "stroke-width": 6};

     var paramBg = {stroke: "#1fc695", "stroke-width": 4,opacity: 0.5,"stroke-linecap":"round"};
    var paramGreen = {stroke: "#1fc695", "stroke-width": 10,"stroke-linecap":"round"};
 $(function(){
       
        var paper =initPaper("holder", 800, 380);   
        //paper,current1,current2,current3,min,max,cx,cy,radius,param1,param2,param3
        drawRingProgress2(paper,40,30,30,0,100,150,150,radius,param1,param2,param3);

        drawRingProgress3(paper,90,0,100,480,150,radius,paramGreen,paramBg);


    })   
</script>
</body>
</html>